<link rel="stylesheet" href="${ctxPath}/static/css/plugins/mailList/style.css?v=4.1.0">
<link rel="stylesheet" href="${ctxPath}/static/css/plugins/mailList/weui.min.css">
<link rel="stylesheet" href="${ctxPath}/static/css/plugins/mailList/jquery-weui.min.css">
<link rel="stylesheet" href="${ctxPath}/static/css/plugins/mailList/mailList.css">

<body class="gray-bg">
<div id="indexPage">
    <div class="bar bar-nav weui-search-bar" id="searchBar">
       <!-- <form class="weui-search-bar__form">
            <div class="weui-search-bar__box">
                <i class="weui-icon-search"></i>
                <input type="input" class="weui-search-bar__input" id="searchInput" readonly placeholder="搜索" >
                <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
            </div>
        </form>-->
        <!-- <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a> -->
    </div>
   <!-- <div class="bar bar-footer pull-right">
        &lt;!&ndash; <span class="sels">提交</span>
        <span>取消</span> &ndash;&gt;
        <span class="sel-btn">已选择: <strong>0</strong>人</span>
        <a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_primary" onclick="confirmSelect();">确认</a>
        <a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default">取消</a>
    </div>-->
    <div class="content sel-con">
        <div class="weui-cells weui-cells_checkbox">
            <div class="list-item">
                <label class="weui-cell weui-check__label all-input">
                    <div class="weui-cell__hd">
                        <input type="checkbox" name="checkbox" class="weui-check">
                        <i class="weui-icon-checked"></i>
                    </div>
                    <div class="weui-cell__bd">
                        <p>全选</p>
                    </div>
                </label>
            </div>
            <h3 class="list-item-tit">部门</h3>
            <div class="list-item1">

            </div>
        </div>
    </div>
</div>
<div id="selectPage" class="weui-popup__container">
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal">
        <header class="bar bar-nav">
            <a href="javascript:void(0)" class="back-btn close-popup">返回</a>
            <h3 class="show-peo-num">已选择<strong></strong>人</h3>
        </header>
        <div class="content">
        </div>
    </div>
</div>

<script id="list_tpl" type="text/x-dot-template">
    {{for(var i = 0; i < it.childList.length; i ++){ }}
    <div class="list-item1-box">
        <div class="weui-cell weui-check__label items-input" z-indexs="1" style="padding:0 0 0 15px">
            <label class="weui-cell__hd">
                <input type="checkbox" name="checkbox" class="weui-check" peoId='{{=it.childList[i].deptId}}'>
                <i class="weui-icon-checked"></i>
            </label>
            <div class="weui-cell__bd" style="display: flex;align-items: center;justify-content: space-between;height: 42px;padding-right: 15px">
                <p>{{=it.childList[i].deptName}}</p>
                <i class="icon-arrow-l icons-btn rotate"></i>
            </div>
        </div>
        <div class="list-con animete none">
            {{for(var j = 0; j < it.childList[i].childList.length; j ++){ }}
            <div class="list-item1-box">
                <label class="weui-cell weui-check__label items-input" z-indexs="2">
                    <div class="weui-cell__hd">
                        <input type="checkbox" name="checkbox" class="weui-check" peoId='{{=it.childList[i].childList[j].deptId}}'>
                        <i class="weui-icon-checked"></i>
                    </div>
                    <div class="weui-cell__bd">
                        <p>{{=it.childList[i].childList[j].deptName}}</p>
                    </div>
                    <i class="icon-arrow-l icons-btn rotate"></i>
                </label>
                <div class="list-con animete none">
                    {{for(var h = 0; h < it.childList[i].childList[j].childList.length; h ++){ }}
                    <div class="list-item1-box">
                        <label class="weui-cell weui-check__label items-input" z-indexs="3">
                            <div class="weui-cell__hd">
                                <input type="checkbox" name="checkbox" class="weui-check" peoId='{{=it.childList[i].childList[j].childList[h].deptId}}'>
                                <i class="weui-icon-checked"></i>
                            </div>
                            <div class="weui-cell__bd">
                                <p>{{=it.childList[i].childList[j].childList[h].deptName}}</p>
                            </div>
                            <i class="icon-arrow-l icons-btn rotate"></i>
                        </label>
                        <div class="list-con animete none">
                            {{for(var e = 0; e < it.childList[i].childList[j].childList[h].userList.length; e ++){ }}
                            <label class="weui-cell weui-check__label item-input">
                                <div class="weui-cell__hd">
                                    <input type="checkbox" name="checkbox" class="weui-check" peoId='{{=it.childList[i].childList[j].childList[h].userList[e].userId}}'>
                                    <i class="weui-icon-checked"></i>
                                </div>
                                <div class="weui-cell__bd">
                                    <p>{{=it.childList[i].childList[j].childList[h].userList[e].userName}}</p>
                                </div>
                                <div class="weui-cell__ft">{{=it.childList[i].childList[j].childList[h].userList[e].roleName}}</div>
                            </label>
                            {{ } }}
                        </div>
                    </div>
                    {{ } }}
                    {{for(var h = 0; h < it.childList[i].childList[j].userList.length; h ++){ }}
                    <label class="weui-cell weui-check__label item-input">
                        <div class="weui-cell__hd">
                            <input type="checkbox" name="checkbox" class="weui-check" peoId='{{=it.childList[i].childList[j].userList[h].userId}}'>
                            <i class="weui-icon-checked"></i>
                        </div>
                        <div class="weui-cell__bd">
                            <p>{{=it.childList[i].childList[j].userList[h].userName}}</p>
                        </div>
                        <div class="weui-cell__ft">{{=it.childList[i].childList[j].userList[h].roleName}}</div>
                    </label>
                    {{ } }}
                </div>
            </div>
            {{ } }}
            {{for(var j = 0; j < it.childList[i].userList.length; j ++){ }}
            <label class="weui-cell weui-check__label item-input">
                <div class="weui-cell__hd">
                    <input type="checkbox" name="checkbox" class="weui-check" peoId='{{=it.childList[i].userList[j].userId}}'>
                    <i class="weui-icon-checked"></i>
                </div>
                <div class="weui-cell__bd">
                    <p>{{=it.childList[i].userList[j].userName}}</p>
                </div>
                <div class="weui-cell__ft">{{=it.childList[i].userList[j].roleName}}</div>
            </label>
            {{ } }}
        </div>
    </div>
    {{ } }}

    {{for(var i = 0; i < it.userList.length; i ++){ }}
    <label class="weui-cell weui-check__label item-input">
        <div class="weui-cell__hd">
            <input type="checkbox" name="checkbox" class="weui-check" peoId='{{=it.userList[i].userId}}'>
            <i class="weui-icon-checked"></i>
        </div>
        <div class="weui-cell__bd">
            <p>{{=it.userList[i].userName}}</p>
        </div>
        <div class="weui-cell__ft">{{=it.userList[i].roleName}}</div>
    </label>
    {{ } }}
</script>
<script id="list_tpl1" type="text/x-dot-template">
    {{~it:val:key}}

    <div class="list-con yxzr" style="padding-left: 0;background: #fff;">
        <label class="weui-cell weui-check__label" peoId="{{=val.userId}}">
            <div class="weui-cell__bd">
                <p>{{= val.userName}}</p>
            </div>
            <div class="weui-cell__ft">{{= val.roleName}}
                <i class="weui-icon-cancel"  peoId="{{=val.userId}}" style="margin-top: -3px; color:#b3b3b3"></i>
            </div>
        </label>
    </div>

    {{~}}
</script>
<script src="${ctxPath}/static/js/jquery.min.js?v=2.1.4"></script>
<script src="${ctxPath}/static/js/plugins/mailList/icheck.min.js"></script>
<script src="${ctxPath}/static/js/plugins/mailList/jquery-weui.js"></script>
<script src="${ctxPath}/static/js/plugins/mailList/doT.min.js"></script>
<script src="${ctxPath}/static/js/plugins/mailList/deptUser.js"></script>
<script type="text/javascript">
$("#selectPage").removeClass('weui-popup__container');
$("#selectPage .weui-popup__modal").css({
    "-webkit-transform": "none",
    "-moz-transform": "none",
    "-ms-transform": "none",
    "transform": "none"
})
$("#seachPage").css({
    "z-index": 120
})
$("#selectPage .weui-popup__overlay").addClass('hide');
$(".sel-btn,.back-btn").addClass('hide');
$(".gray-bg").css({
    "position":"relative",
    "width": 740,
    "height": 600,
    "margin": "auto"
})
$("#indexPage").css({
    "width": 370
})
$("#selectPage").css({
    "width": 370,
    "position": "absolute",
    "height": "100%",
    "top":0,
    "right":0
})
</script>
